import React from 'react';
import {NavLink} from "react-router-dom";

function MyNav(props) {
	return (
		<nav>
			<NavLink className={({isActive}) => isActive ? "a-active" : "a-link"} to={"/"}>首页</NavLink>|
			<NavLink className={({isActive}) => isActive ? "a-active" : "a-link"}
			         to={"/goodsList/1/2"}>商品列表</NavLink>|
			<NavLink className={({isActive}) => isActive ? "a-active" : "a-link"}
			         to={"/newsList/100/200.html"}>新闻列表</NavLink>|
			<NavLink className={({isActive}) => isActive ? "a-active" : "a-link"} to={"/my"}>个人中心</NavLink>
		</nav>
	);
}

export default MyNav;